﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
ul{list-style:none;}
img{border:medium none;vertical-align:top;}
body{font:12px "宋体",Tahoma,Arial;color:#666;background:url(images/bgx.png) repeat 0 0;}
a,a:visited{text-decoration:none;font-size:12px;color:#369;}
a:hover{text-decoration:underline;}
.clear {clear:both;display:block;height:0;overflow:hidden;font-size:0}
*:focus{outline:none;-moz-outline:none;}
dt{color:#d22c26;}
input,textarea{color:#666;}
a.more,a.more:visited{color:#D22C26;}
a.more:hover{text-decoration:underline;}
.w1000{width:1000px;margin:0 auto;}
p{line-height:20px;}
/*warp*/
.warp{width:100%;margin:0 auto;}
/*header*/
.header{width:100%;height:68px;background-color:#333;}
.headerWarp{position:relative;width:1000px;height:68px;margin:0 auto;background:url(images/headerWhite.png) no-repeat 0 0;}
.header .logo{padding-top:11px;}
.header .menu{position:absolute;top:0;right:0;}
.header .menu ul li{float:left;}
.header .menu ul li.on{background:url(images/repeatx.png) repeat-x 0 0;}
.header .menu ul li a,.header .menu ul li a:visited{position:relative;display:block;width:80px;height:68px;text-indent:-9999px;background:url(images/menu.png) no-repeat 0 0;overflow:hidden;}
.header .menu ul li a.a2,.header .menu ul li a.a2:visited{background-position:-80px 0;}
.header .menu ul li a.a3,.header .menu ul li a.a3:visited{background-position:-160px 0;}
.header .menu ul li a.a4,.header .menu ul li a.a4:visited{background-position:-240px 0;}
.header .menu ul li em{position:absolute;display:none;width:18px;height:20px;top:18px;left:31px;background:url(images/menu-icon.png) no-repeat 0 0;overflow:hidden;}
.header .menu ul li.on em{display:block;}
.header .menu ul li.on .a2 em{background-position:0 -20px;}
.header .menu ul li.on .a3 em{height:17px;background-position:0 -40px;}
.header .menu ul li.on .a4 em{height:23px;background-position:0 -57px;}
/*indexContent*/
.indexContent{width:1002px;margin:0 auto;}
.piece{width:1000px;margin-top:7px;padding-bottom:3px;border-left:1px solid #eee;border-right:1px solid #eee;background:#fff url(images/aline.png) repeat-x 0 bottom;}
.banner{position:relative;width:1000px;height:257px;overflow:hidden;}
.banner li{position:absolute;display:none;}
.bannerBar{position:absolute;width:1000px;left:0;bottom:16px;text-align:center;} 
.bannerBar a,.bannerBar a:visited{display:inline-block;width:14px;height:14px;+margin:0 3px;background:url(images/mainp.png) no-repeat 0 0;overflow:hidden;}
.bannerBar a.on,.bannerBar a.on:visited{background-position:-14px 0;}
.aboutAndNews dl{float:left;width:499px;margin:18px 0 12px 0;}
.aboutAndNews dl.about{border-right:1px dashed #ccc;}
.aboutAndNews dl dt{float:left;width:112px;}
.aboutAndNews dl dt img{padding:16px 0 0 16px;}
.aboutAndNews dl dd{float:left;width:370px;}
.aboutAndNews .title{position:relative;width:370px;height:17px;padding-bottom:9px;}
.aboutAndNews .title h2{text-indent:-9999px;width:155px;height:17px;background:url(images/main.png) no-repeat 0 0;overflow:hidden;}
.aboutAndNews .title h2.news{width:174px;background-position:0 -17px;}
.aboutAndNews .title a,.aboutAndNews .title a:visited{position:absolute;top:0;right:6px;}
.aboutAndNews ul li{width:370px;height:20px;line-height:20px;text-indent:10px;background:url(images/main.png) no-repeat -397px 0;overflow:hidden;}
.aboutAndNews ul li a,.aboutAndNews ul li a:visited{color:#666;}
.aboutAndNews ul li a:hover{color:#369;}
.indexCase .title{position:relative;width:250px;height:20px;padding:14px 0 9px 21px;}
.indexCase .title h2{text-indent:-9999px;width:194px;height:20px;background:url(images/main.png) no-repeat 0 -34px;overflow:hidden;}
.indexCase .title a,.indexCase .title a:visited{position:absolute;top:17px;right:0;}
.indexCase .indexCaselist{padding:0 0 20px 12px;}
.indexCase dl{position:relative;float:left;width:228px;height:147px;margin-left:8px;border:3px solid #ccc;}
.indexCase dl dt img{width:228px;height:147px;}
.indexCase dl dd.name{position:absolute;width:228px;height:40px;line-height:40px;font-size:14px;left:0;bottom:0;text-align:center;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.indexCase dl dd.name a,.indexCase dl dd.name a:visited{color:#0ff;}
.indexCase dl dd.shadow{position:absolute;width:234px;height:8px;left:0;bottom:-11px;background:url(images/main.png) no-repeat -156px 0;overflow:hidden;}
/*about*/
.aboutUs .grid9{float:left;width:364px;height:273px;}
.aboutUs .grid9 ul{position: relative;}
.aboutUs .grid9 ul li{position: relative;float:left;width:91px;height:91px;background-color:#0085FF;cursor:pointer;z-index:1;}
.aboutUs .grid9 ul li.on{z-index:10;}
.aboutUs .grid9 ul li.mask{position: absolute;display:none;width:364px;height:273px;top:0;left:0;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.aboutUs .grid9 ul li .pop{position: absolute;display:none;width:182px;height:91px;top:0;left:0px;background-color: #fff;z-index:-1;overflow:hidden;}
.aboutUs .grid9 ul li .pop h3{padding:29px 0 0 23px;font-size: 14px;color:#0085ff;}
.aboutUs .grid9 ul li .pop p{padding-left:23px;}
.aboutUs dl{float:left;width:392px;padding:70px 0 0 140px;}
.aboutUs dl dt{width:155px;height:17px;text-indent:-9999px;background:url(images/main.png) no-repeat 0 0;overflow:hidden;}
.aboutUs dl dd{padding-top:16px;}
.aboutUs dl dd p{color:#999;}                                         
.businessScope{padding:15px 0 0 17px;}
.businessScope h2{width:224px;height:20px;text-indent:-9999px;background:url(images/main.png) no-repeat 0 -54px;overflow:hidden;}
.businessScope dl{width:965px;padding:10px 0;border-bottom:1px dashed #ddd;}
.businessScope dl.last{border:none;}
.businessScope dl dt{padding:0 0 7px 0;font-size:14px;color:#0085ff;}
.businessScope dl dd p{color:#999;}
.idea{padding:18px 0;}
.idea dl{float:left;width:470px;}
.idea dl dt{float: left;width: 115px;}
.idea dl dt img{padding-left:26px;}
.idea dl dd{float: left;width:355px;}
.idea dl dd h2{padding-bottom:10px;color:#0085ff;font-size: 14px;}
.idea dl dd p{padding-bottom:20px;color:#999;}
/*contact*/
.contactUs{padding:22px 0 40px 23px;}
.contactUs h2{width:244px;height: 18px;margin-bottom:10px;text-indent: -9999px;background: url(images/main.png) no-repeat 0 -74px;overflow: hidden;}
.contactUs p{font-size: 14px;line-height: 28px;}
.contactUs dl{padding:50px 0 0 0;}
.contactUs dl dt h2{width: 243px;height: 22px;background-position: 0 -92px;overflow: hidden;}
.contactUs dl dd{padding-bottom: 10px;}
.contactUs dl dd span{display:inline-block;width: 100px;height:24px;line-height: 24px;padding-right:10px;text-align: right;}
.contactUs dl dd input{width:200px;height: 20px;line-height: 20px;padding:2px 5px;border:1px solid #EAEAEA;}
.contactUs dl dd textarea{width:572px;height: 135px;padding:5px;border:1px solid #EAEAEA;color:#666;font-size:12px;}
.contactUs dl dd input:focus,.contactUs dl dd textarea:focus{border-color:#0085ff;}
.contactUs dl dd #msgBtn{display:inline-block;vertical-align:middle;width: 75px;height: 26px;margin-left:110px;text-indent:-9999px;background: url(images/main.png) no-repeat -244px -88px;overflow: hidden;}
.contactUs dl dd label{vertical-align:middle;font-family: Tahoma;}
/*case*/
.caseType{display:none;width: 100%;height: 30px;line-height: 30px;background-color: #000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.caseType .w1000{text-align: right;}
.caseType a,.caseType a:visited{margin:0 5px;color: #0fe;}
.caseType a:hover{color: #fff;text-decoration: none;}
.caseType a.on,.caseType a.on:visited{color: #fff;}
.caseList{position: relative;width:1000px;margin:20px auto 0;color:#999;}
.caseList label{position: absolute;left:-34px;top:0;width:14px;padding:27px 10px 10px 10px;color:#fff;font-size:14px;background:#0085FF url(images/arrow.png) no-repeat 50% 10px;}
.caseList dl{position: relative;float: left;_display:inline;width: 214px;margin:0 21px 21px 0;border:10px solid #fff;background-color: #fff;}
.caseList dl.right{margin-right:0;}
.caseList dl dt img{width:214px;height:138px;}
.caseList dl dd.title{position: relative;}
.caseList dl dd.title h1{padding:14px 0 9px 0;font-size: 14px;}
.caseList dl dd.title h1 a,.caseList dl dd.title h1 a:visited{font-size: 14px;color: #0085ff;}
.caseList dl dd.title span{position: absolute;right:0;top:15px;}
.caseList dl dd.txt{width:214px;height:40px;overflow: hidden;}
.caseList dl dd.shadow{position:absolute;width:234px;height:8px;left:-10px;bottom:-18px;background:url(images/mainp.png) no-repeat 0 -30px;overflow:hidden;}
.caseDetail{position: relative;width:1002px;margin:0 auto;}
.caseDetail .top{position: fixed;right:0;top:75px;width:14px;padding:27px 10px 10px 10px;font-size:14px;background:#0085FF url(images/arrow.png) no-repeat 50% 10px;cursor:pointer;}
.caseDetail .top a,.caseDetail .top a:visited{color:#fff;}
.caseDetail .top a:hover{text-decoration:none;}
.caseInfo{width:920px;margin:0 auto;}
.caseInfo h1{height:42px;line-height:42px;font-size:14px;color: #0085ff;}
.caseInfo dl{padding:0 0 24px 0;border-bottom:1px dashed #E8E8E8;}
.caseInfo dl dt{float:left;width:214px;}
.caseInfo dl dt img{width:208px;border:3px solid #0085ff;}
.caseInfo dl dd{float: left;width:608px;padding-left:20px;}
.caseInfo dl dd h3{padding-bottom:18px;font-weight:normal;color:#999;}
.caseInfo dl dd h3 a,.caseInfo dl dd h3 a:visited{margin-left:16px;color:#0085ff;}
.caseInfo dl dd p{font-size:14px;line-height: 22px;}
.caseImg{padding:36px 0;}
.caseImg p{padding-bottom:10px;text-align: center;}
.caseImg p img{max-width:740px;}
/*news*/
.newsItem{padding:15px 0;}
.newsItem li{height:30px;line-height: 30px;border-bottom:1px dashed #ddd;}
.newsItem li .title{float:left;width:700px;height:30px;overflow: hidden;}
.newsItem li .title a,.newsItem li .title a:visited{color:#666;}
.newsItem li .title a:hover{color:#0085ff;}
.newsItem li span{float:right;color:#999;}
.newsDetail{padding:50px 80px;}
.newsDetail .newsTitle{margin-bottom:15px;border-bottom:1px solid #0085ff;}
.newsDetail .newsTitle h1{text-align: center;}
.newsDetail .newsTitle span{float:right;}
.newsDetail p{padding-bottom:10px;text-indent:24px;line-height:24px;}
/*footer*/
.footer{width:100%;height:130px;margin-top:8px;background-color:#333;}
.footer p{text-align:center;color:#0ff;font-weight:normal;}
.footer .w1000{padding-top:40px;}
/*page*/
.page{padding:20px 30px 22px 0;text-align:right;}
.page a,.page a:visited{padding:4px 6px;color:#666;font-family:Verdana;}
.page a.on,.page a.on:visited,.page a:hover{text-decoration:none;color:#fff;background:#666;}
/*tip*/
.tip{position: absolute;display:none;width: 220px;height:121px;background: url(images/tipbg.png) no-repeat 0 0;}
.tip a,.tip a:visited{position: absolute;display:block;width:24px;height:24px;top:0px;right: 0px;text-indent: -9999px;background: url(images/tipClose.png) no-repeat 50% 50%;overflow: hidden;}
.tip p{padding-top: 50px;text-indent: 32px;color:#fff;font-family: Tahoma;}
.tipOk{display:inline-block;vertical-align:middle;width: 26px;height: 26px;margin-right:10px;background: url(images/mainp.png) no-repeat -38px 0;overflow: hidden;}
.tipie6{position: absolute;display:none;width:420px;border-radius:5px;background-color: #fff;}
.tipie6 p{padding:50px 20px;text-align: center;}
.tipie6 a,.tipie6 a:visited{position: absolute;display: block;width:40px;height:40px;right:0;top:0;text-align: center;line-height:40px;font-family: Verdana;font-size: 28px;color:#0085ff;}